บทความนี้ขอกล่าวถึงภาพรวม และสรุปคำสั่ง 4 คำสั่งของ jQuery ในหมวดหมู่ของ DOM ที่มีการใช้งานกันบ่อย ๆ คือ คำสั่ง insert(), before(), prepend() และ append()
ภาพสรุปรวมตำแหน่งการแทรก Elements ทั้ง 4 คำสั่งหลัก (8 คำสั่งที่เกี่ยวข้องกัน)
ภาพรวมของ insert, before, prepend และ append
1. คำสั่งในหมวดของการเพิ่ม Elements ใหม่ไว้ภายใน (Inside) จะมีทั้งหมด 4 คำสั่ง
1.1 prepend() คือ คำสั่งสำหรับการเพิ่ม Elements ใหม่ไว้ภายในด้านบนแบบไม่ต้องมี Element คุมข้อมูล
1.2 prependTo() คือ คำสั่งสำหรับการเพิ่ม Elements ใหม่ไว้ภายในด้านบนแบบต้องมี Element คุมข้อมูล
1.3 append() คือ คำสั่งสำหรับการเพิ่ม Elements ใหม่ไว้ภายในด้านล่างแบบไม่ต้องมี Element คุมข้อมูล
1.4 appendTo() คือ คำสั่งสำหรับการเพิ่ม Elements ใหม่ไว้ภายในด้านล่างแบบต้องมี Element คุมข้อมูล
2. คำสั่งในหมวดของการเพิ่ม Elements ใหม่ไว้ภายนอกแบบด้านหน้า และด้านหลัง จะมีทั้งหมด 4 คำสั่ง
2.1 after() คือ คำสั่งสำหรับการเพิ่ม Elements ใหม่ไว้ภายนอกแบบด้านหน้าไม่ต้องมี Element คุมข้อมูล
2.2 insertAfter() คือ คำสั่งสำหรับการเพิ่ม Elements ใหม่ไว้ภายนอกแบบด้านหน้าไม่ต้องมี Element คุมข้อมูล
2.3 before() คือ คำสั่งสำหรับการเพิ่ม Elements ใหม่ไว้ภายนอกแบบด้านหลังไม่ต้องมี Element คุมข้อมูล
2.4 insertBefore() คือ คำสั่งสำหรับการเพิ่ม Elements ใหม่ไว้ภายนอกแบบด้านหลังไม่ต้องมี Element คุมข้อมูล
